﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">




    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global.css"/>
        <link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css"/>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
        <!--<script language="javascript" type="text/javascript">-->
        <!--//显示角色详细信息-->
        <!--function showDetail(flag, a) {-->
        <!--var detailDiv = a.parentNode.getElementsByTagName("div")[0];-->
        <!--if (flag) {-->
        <!--detailDiv.style.display = "block";-->
        <!--}-->
        <!--else-->
        <!--detailDiv.style.display = "none";-->
        <!--}-->

        <!--// 重置密码-->
        <!--function resetPwd() {-->
        <!--alert("请至少选择一条数据！");-->
        <!--//document.getElementById("operate_result_info").style.display = "block";-->
        <!--}-->

        <!--//删除-->
        <!--function deleteAdmin() {-->
        <!--var r = window.confirm("确定要删除此管理员吗？");-->
        <!--document.getElementById("operate_result_info").style.display = "block";-->
        <!--}-->

        <!--//全选-->
        <!--function selectAdmins(inputObj) {-->
        <!--var inputArray = document.getElementById("datalist").getElementsByTagName("input");-->
        <!--for (var i = 1; i < inputArray.length; i++) {-->
        <!--if (inputArray[i].type == "checkbox") {-->
        <!--inputArray[i].checked = inputObj.checked;-->
        <!--}-->
        <!--}-->
        <!--}-->
        <!--</script>-->
        <script src="../js/module.js"></script>
    </head>
    <body>
    <!--Logo区域开始-->
    <div id="header">
        <img src="../images/logo.png" alt="logo" class="left"/>
        <a href="#">[退出]</a>
    </div>
    <!--Logo区域结束-->
    <!--导航区域开始-->
    <div id="navi">
        <ul id="menu">
            <li><a href="../index.html" class="index_off"></a></li>
            <li><a href="../user/user_info.html" class="information_off"></a></li>
            <li><a href="../user/user_modi_pwd.html" class="password_off"></a></li>
        </ul>
    </div>
    <!--导航区域结束-->
    <!--主要区域开始-->
    <div id="main">
        <form action="" method="">
            <!--查询-->
            <div class="search_add">
                <div>
                    模块：
                    <select id="selModules" class="select_search">
                        <!--<option>全部</option>-->
                        <!--<option>角色管理</option>-->
                        <!--<option>管理员管理</option>-->
                        <!--<option>资费管理</option>-->
                        <!--<option>账务账号</option>-->
                        <!--<option>业务账号</option>-->
                        <!--<option>账单管理</option>-->
                        <!--<option>报表</option>-->
                    </select>
                </div>
                <div>角色：<input id="roleName" type="text" value="" class="text_search width200"/></div>
                <div><input id="search" type="button" value="搜索" class="btn_search"/></div>
                <input id="resetPwd" type="button" value="密码重置" class="btn_add"/>
                <input type="button" value="增加" class="btn_add" onclick="location.href='admin_add.html';"/>
            </div>
            <!--删除和密码重置的操作提示-->
            <div id="operate_result_info" class="operate_fail">
                <img src="../images/close.png" onclick="this.parentNode.style.display='none';"/>
                <span>删除失败！数据并发错误。</span><!--密码重置失败！数据并发错误。-->
                >>>>>>> f59c8ef8c70519cb598c7d1032f93ab6d795979d
            </div>
            <!--数据区域：用表格展示数据-->
            <div id="data">
                <table id="datalist">
                    <tr>
                        <th class="th_select_all">
                            <input type="checkbox" onclick="selectAdmins(this);"/>
                            <span>全选</span>
                        </th>
                        <th>管理员ID</th>
                        <th>姓名</th>
                        <th>登录名</th>
                        <th>电话</th>
                        <th>电子邮件</th>
                        <th>授权日期</th>
                        <th class="width100">拥有角色</th>
                        <th></th>
                    </tr>
                    <tbody id="tbody"></tbody>
                    <script type="text/javascript">
                        // 选谁,传谁的roleId过去
                        $('#datalist').click(function (e) {
                            var aId = e.target.parentNode.parentNode.childNodes.item(1).textContent;
                            var elem = e.target.value;
                            if (elem === '修改') {
                                var url = '/kobe/admin/admin_modi.html';
                                $.get(url, function () {
                                    location.href = '/kobe/admin/admin_modi.html?adminId=' + aId;
                                });
                            }
                            if (elem === "删除") {
                                $.ajax({
                                    url: '/kobe/deleteAdminWithRole.do?adminId=' + aId,
                                    type: "get",
                                    success: function (r) {
                                        if (r) {
                                            $('#operate_result_info').attr('class', 'operate_success').text('删除成功!');
                                            showResultDiv(true);
                                            window.setTimeout("showResultDiv(false);", 3000);
                                        } else {
                                            $('#operate_result_info').attr('class', 'operate_fail').text('删除失败!');
                                            showResultDiv(true);
                                            window.setTimeout("showResultDiv(false);", 3000);
                                        }
                                        setTimeout("location.reload(true)", 3000);
                                    }
                                })
                            }
                        });

                        function showResultDiv(f) {
                            var divResult = document.getElementById("operate_result_info");
                            if (f)
                                divResult.style.display = "block";
                            else
                                divResult.style.display = "none";
                        }

                        $(function () {
                            // 显示所有管理员
                            $.get('/kobe/selectAllAdmin.do', requestAllAdmin);
                            // 选择模块展示
                            $.get('/kobe/selectAllModuleInfo.do', requestModuleInfo);
                        });

                        function requestAllAdmin(resp) {
                            $('#tbody').empty();
                            for (let item of resp) {
                                var tr = $('<tr></tr>');
                                var checkboxTd = $('<td></td>');
                                var checkboxInput = $('<input type="checkbox"/>').val(item.adminId);
                                var adminId = $('<td></td>').text(item.adminId);
                                var adminName = $('<td></td>').text(item.name);
                                var adminCode = $('<td></td>').text(item.adminCode);
                                var telephone = $('<td></td>').text(item.telephone);
                                var email = $('<td></td>').text(item.email);
                                var enrolldate = $('<td></td>').text(item.enrolldate);
                                var roleNames = $('<td></td>').text(item.rNames);
                                var td = $('<td class="td_modi"></td>');
                                var inputModify = $('<input type="button" value="修改" class="btn_modify"/>')
                                var inputDelete = $('<input type="button" value="删除" class="btn_delete"/>');
                                $('#tbody').append(tr);
                                tr.append(checkboxTd).append(adminId).append(adminName).append(adminCode).append(telephone).append(email).append(enrolldate).append(roleNames).append(td);
                                td.append(inputModify).append(inputDelete);
                                checkboxTd.append(checkboxInput);
                            }
                        }

                        // 搜索
                        $('#search').click(function () {
                            var roleName = $('#roleName').val();
                            var url = '/kobe/selectRoleWithAdmin.do?roleName=' + roleName;
                            if (roleName === '') {
                                $.get('/kobe/selectAllAdmin.do', requestAllAdmin);
                            } else {
                                $.get(url, requestAllAdmin);
                            }
                        });

                        // 选择模块展示
                        $('#selModules').click(function () {
                            var option = $(this).find('option:selected').text();
                            if (option === '全部') {
                                $.get('/kobe/selectAllAdmin.do', requestAllAdmin);
                            } else {
                                var url = '/kobe/selectRoleWithAdmin.do?roleName=' + option;
                                $.get(url, requestAllAdmin);
                            }
                        })

                        function requestModuleInfo(resp) {
                            var select = $('#selModules');
                            select.empty();
                            var all = $('<option ></option>').text('全部');
                            for (let item of resp) {
                                var op = $('<option></option>').text(item.name);
                                select.append(all).append(op);
                            }
                        }

                        // 密码重置
                        $('#resetPwd').click(function () {
                            var adminIds = [];
                            $('input[type="checkbox"]:checked').each(function () {
                                adminIds.push($(this).val());
                            });
                            var settings = {
                                url: '/kobe/resetPwd.do?',
                                method: 'post',
                                dataType: 'json',
                                contentType: 'application/json',
                                data: JSON.stringify(adminIds)
                            }
                            $.ajax(settings).done(requestResetPwd);
                        })

                        function requestResetPwd(resp) {
                            if (resp) {
                                $('#operate_result_info').attr('class', 'operate_success').text('重置成功!');
                                showResultDiv(true);
                                window.setTimeout("showResultDiv(false);", 3000);
                            } else {
                                $('#operate_result_info').attr('class', 'operate_fail').text('重置失败!');
                                showResultDiv(true);
                                window.setTimeout("showResultDiv(false);", 3000);
                            }
                            setTimeout("location.reload(true)", 3000);
                        }

                    </script>
                    <!--<tr>-->
                    <!--<td><input type="checkbox"/></td>-->
                    <!--<td>1</td>-->
                    <!--<td>贾强</td>-->
                    <!--<td>admin</td>-->
                    <!--<td>13077332357</td>-->
                    <!--<td>jiaqiang123@qq.com.cn</td>-->
                    <!--<td>2011-31-12</td>-->
                    <!--<td>-->
                    <!--<a class="summary" onmouseover="showDetail(true,this);" onmouseout="showDetail(false,this);">超级管理员...</a>-->
                    <!--&lt;!&ndash;浮动的详细信息&ndash;&gt;-->
                    <!--<div class="detail_info">-->
                    <!--超级管理员，角色管理员，账单管理员，报表管理员，业务账号管理员，账务账号管理员，aa，bb-->
                    <!--</div>-->
                    <!--</td>-->
                    <!--<td class="td_modi">-->
                    <!--<input type="button" value="修改" class="btn_modify" onclick="location.href='admin_modi.html';"/>-->
                    <!--<input type="button" value="删除" class="btn_delete" onclick="deleteAdmin();"/>-->
                    <!--</td>-->
                    <!--</tr>-->
                </table>
            </div>
            <!--分页-->
            <div id="pages">
                <a href="#">上一页</a>
                <a href="#" class="current_page">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">下一页</a>
            </div>
        </form>
    </div>
    <!--主要区域结束-->
    <div id="footer">
        <p>[源自北美的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</p>
        <span>版权所有(C)云科技有限公司 </span>
    </div>
    </body>
</html>
